body {
    background:url("../img/bg.jpg") repeat top left;    
}


/******* General layout *************/


#mainwrapper {
	width:960px;
	margin:10px auto;
	/*
	border-style:solid;
	border-color:#006ba2;
	border-width:10px;
	*/
	/*
		Add in code here to add solid color borders to left and right sides
	*/
	
}
#container-header{
/*background:url("../img/container_top.jpg") no-repeat center top;*/
}
#footer{
/*background:url("../img/container_bot.jpg") no-repeat center bottom;*/
}

#header {
	height:100px;
	padding:0px 20px;
	background: #FECE2F url(images/ui-bg_gloss-wave_100_fece2f_500x100.png) repeat-x 50% 50%;
	border: 1px solid #D19405;
}

#content {
	padding-top:5px;
	padding-bottom:10px;
	/* position:float-right; */
}



#generic_fields{
	width:480px;
}

#header #logo, 
#header #search,
#header #controls {
	height: 100px;
	float:left;
}

#header #searchInner,
#header #controls {
	margin-top:10px; margin-bottom:-10px
}

#logo {
	width:240px;
}

#search {
	width:470px;
}

#controls {
	width:225px;
	padding-left:15px;
}

#content{
	background-color:#ebf3fa;
	border-left: 1px solid #817865;
	border-right: 1px solid #817865;
	border-bottom: 1px solid #817865;
	/* background:transparent; */
	
	/* url("../img/bg_starburst.jpg");
	
	outline:#006ba2 solid 3px;
	border-left:10px solid #006ba2;
	border-right:10px solid #006ba2;
	*/
}
/******** Wireframing **************/
/*
div, p, h1, h2, ul {
     border: 1px solid #F60;
}

#mainwrapper,
#header,
#logo,
#search,
#controls {
	border:1px solid #000;
}


#event_view {
	border:1px solid #000;
}
*/

h1, h2, h3, h4, h5, h6 {
	background-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:0;
	border-bottom:1px solid #ccc;
}

.right {
	float:right;
}

.left {
	float:left;
}

.centertext {
	text-align:center;
}

.abstop {
	top:10px;
}

.absright {
	right:10px;
}

.absbottom {
	bottom:10px;
}

.absleft {
	left:10px;
}

/******* **********/

.eventcover {
	background: url("../img/gold-texture.png");/*white;  url("../img/bg_starburst.jpg") repeat top left; */
	position:relative;
	border: 1px solid #EBF3FA;
	height:150px;
}

.eventcover .eventLink {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1;
	padding-left:0.5em;
}
.eventcover .eventLinkDate {
	margin-bottom:-10px;
	font-style: italic;
	float: left;
}

.eventcover .eventLinkPhotoCount {
	margin-bottom:-10px;
	float: right;
}

.eventcover .eventthumb {
	width:40%;	
	height:30%;
	border:1px solid #000;
	margin-top:10px;
	margin-left:6%;
	float: left;
	background: #ccc; /* url("../img/bg_starburst.jpg"); */
}


.event_view_photo_wrapper {
	width:475px;
	/* height:375px; */
	float:left;
}

.event_view_photo {
	margin:0 auto;
}

.event_view_photo, 
.eventcover {
	position:relative;
}

.eventcoveradd {
	border:none;
	background:transparent;
}

.event_view_photo_delete,
.event_edit_wrapper {
	position:absolute;
	right:0;
	background-color:#fff;
	padding:0 10px;
	z-index: 2;
	display:none;
}

.event_view_photo_delete {
	width:40px;
}

.event_edit_wrapper {
	width:24px;
	background:transparent;
}

.event_view_photo_delete a,
.event_edit_wrapper a,
.family_edit_wrapper a {
	text-decoration:none;
}

.event_view_photo_delete a:hover,
.event_edit_wrapper a:hover,
.family_edit_wrapper a:hover {
	text-decoration:underline;
}

/*
.family_edit_wrapper {
	display:none;
	font-size:0.7em;
}
*/

.family_header a,
.family_header a:hover {
	text-decoration:none;
}

.add_event {
	width: 100%;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	position:absolute;
	top:30px;
}

.add_event a,
.add_event a:hover {
	text-decoration:none;
}

.captioner {
	background-color:#ccc;
	position:absolute;
	width:100%;
	display:none;
	z-index:3
}

.fixChrome {
	margin: auto;
	width: 98%;
}

.event_view_photo_wrapper div.submit {
	float:right;
}

a.eventLink, 
a.eventLink:hover {
	text-decoration:none;
}

/*
.editCaption div.input, 
.editCaption div.submit {
	float:left;
	clear:none;
}

.editCaption div.input {
	width: 60%;
}

.editCaption div.submit {
	padding-top:20px;
}

.photoright {
	padding-right:10px;
}

.photoleft {
	padding-left:10px;
}
*/

#search {
	
}

#search input {
	color:gray;
}

#controls a {
	text-decoration:none;
}

#header form {
	width:100%;
}

#header h1 { 
	font-size: 2em; 
	background:none;
	color:#000;
	padding:10px 0;
	line-height:1em;
	border-bottom:none;
	text-align:center;
}

#header h1 a {
	background-color:transparent;
	color:#000;
}

#header h1 a:hover {
	background:none;
	text-decoration:none;
	color:#000;
}

#header h2 {
	font-size: 1.4em;
	background-color:transparent;
}

#pagination {
	float:right;
	margin-bottom:10px;
	clear:both;
}

#pagination a {
	text-decoration:none;
}

#sortselection {
	float:right;
	/* width:220px; */
}

#sortselection label {
	display:inline;
	font-size:110%;
}

#sortselection form {
	width:100%;
}

#sortselection select {
	margin:0;
	font-size:90%;
}

#sortselection select option {
	padding:0;
	font-size:100%;
}

/****** PLUPLOAD *******/

form div {
	margin-bottom:0; 
	padding:0;
}

#uploader_wrapper {
	padding:10px 0;
}


#uploader {
	width:950px;
}

currentuser{
	float:right;
	font-size:12px;
}

/***** Pagination *******/

div#pagination {
	
}

div#pagination form select {
	margin:0;
	font-size:90%;
}

div#pagination form select option {
	font-size:90%;
}

#first_prev_pag, 
#choose_page_pag,
#next_last_pag {
	float:left;
	padding-left:8px;
}


#first_prev_pag, 
#next_last_pag {
	padding-top:3px;
}

div#pagination div#choose_page_pag form {
	width:100%;
}

/*********************************
	Splash Page styling
*********************************/
#slogan{
float:right;
}

#register{
float:left;
}

div.splashlogin{
	float:left; 
	width:280px; 
	background-color:#e8e895; 
	padding:20px;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:5px;
	outline:#e8e895 solid 3px;
	margin-bottom: 1em;
}

#splashinfo{
	font-family:"Helvetica", "Palatino Linotype", Georgia, arial, sans-serif;
	font-size:18px;
	float:right; 
	width:550px; 
	background-color:#cce8ed; 
	padding:10px;
		/*	top, right, bottom, left */
	border-style:solid;
	border-color:#FFFFFF;
	border-width:5px;
	outline:#cce8ed solid 3px;
}

#splashinfo p {
	font-size:20px;
}

ul.customBullet {

	list-style-image: url(../img/ptr.png);
}
h1.splashLogin{
	font-size:18px;
	font-weight:bold;
	padding-bottom:3px;
}




/******* SHARE EVENTS ************/

#share_wrapper {
	margin-top:20px;
}

#share_with_families_wrapper {
	width:600px;
	float:left;
}

#share_with_families_add_wrapper {
	width:300px;
	float:left;
}

#share_with_families_container {
	height:260px;
	border:1px solid #ccc;
	overflow:auto;	
}

#share_with_families_ol {
	list-style-type:none;
}

.share_with_families_li {
	border:1px solid #333;
	margin:2px;
	height:18px;
	margin:3px;
	padding:0.4em;		
}

.share_with_families_remove_family {
	float:right;
}


/************* END SHARE EVENTS *************/


/************ MANAGE FAMILY *************/

#manage-family-user-list-wrapper,
#manage-family-add-user-wrapper {
	float:left;
}

#manage-family-user-list-wrapper {
	width:500px;
}

.manage-family-user-list-li {
	border:1px solid #ccc;
}

.manage-family-user-list-entry {
	width:320px;
	margin-left:5px;
}

.manage-family-user-list-entry,
.manage-family-user-list-remove-admin-access, 
.managa-family-user-list-make-admin {
	float:left;
}

#manage-family-add-user-textarea-add-users {
	height:200px;
}

/***************END MANAGE FAMILY *************/

